.chooser{
  line-height: 1;
  position: relative;
  .ant-select-selection.ant-select-selection--multiple{
    cursor: pointer;
    ul { overflow: hidden; }
    .ant-select-selection__choice{
      padding: 0;
      margin-right: 8px;
      height: 20px;
      line-height: 20px;
      border: none;
      background-color: transparent;
      font-size: 14px;
      color: $font-default;
      overflow: visible;
      &:nth-last-child(2){
        margin-right: 2px;
        .ant-select-selection__choice__remove::before { content: ''; }
      }
    }
    .ant-select-selection__choice__remove { right: -4px; }
    .ant-select-selection--multiple .ant-select-selection__choice__remove:hover { color: $font-default; }
    .ant-select-selection__choice__remove::before { content: ','; }
  }
  .chooser-number{
    display: none;
  }
  .ant-select-selection__clear{
    margin-top: -6px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .fake-value-list {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100%);
    padding: 0 11px;
    height: 32px;
    line-height: 32px;
    border: 1px solid $form-border;
    border-radius: 4px;
    background: $background-white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    &.disabled {
      background-color: $form-bg-disabled;
      color: $font-disabled;
    }
    &:hover {
      border-color: $default-color;
      cursor: pointer;
    }
  }
}
.chooser:hover{
  .ant-select-selection__clear{
    opacity: 1;
  }
}
.chooser.newline{
  .ant-select-selection--multiple .ant-select-selection__rendered ul{
    flex-wrap: wrap;
    width: auto;
    position: static;
  }
}
.chooser.number-only{
  .ant-select-selection--multiple .ant-select-selection__rendered ul{
    display: flex;
  }
  .ant-select-selection.ant-select-selection--multiple {
    .ant-select-selection__choice {
      display: none;
    }
  }
  .chooser-number{
    color: $font-default;
    position: absolute;
    cursor: pointer;
    display: block;
    top: 50%;
    left: 5px;
    right: 9px;
    background: white;
    line-height: 20px;
    height: 20px;
    max-width: 100%;
    margin-top: -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .ant-select-selection__clear{
    margin-top: -6px;
  }
}
.chooser.chooser-disabled{
  .ant-select-selection.ant-select-selection--multiple{
    cursor: not-allowed;
  }
  .chooser-number{
    background: $form-bg-disabled;
    color: $font-disabled;
  }
}
